import {BrowserRouter, Routes, Route,} from "react-router-dom";

import BasicLayout from "@/layouts/basicLayout";
import UserList from '@/pages/user/list'
import Login from '@/pages/login/login'
import Permiss from '@/pages/permiss/index'
import RoleList from '@/pages/role/index'
import PracticeList from '@/pages/practice/list'

import './App.css';

export default function App() {
  return (
      <BrowserRouter>
        <Routes>
            <Route key={1} path={'/'} element={<Login/>}></Route>
            <Route key={2} path={'/'} element={<BasicLayout/>}>
                <Route key={3} path={'/user/list'} element={<UserList/>}></Route>
                <Route key={4} path={'/permiss/list'} element={<Permiss/>}></Route>
                <Route key={5} path={'/role/list'} element={<RoleList/>}></Route>
                <Route key={6} path={'/practice/list'} element={<PracticeList/>}></Route>
            </Route>
        </Routes>
      </BrowserRouter>
  );
}
